<template>
	<yd-layout id='tool' class=''>
		<div class="content">

			<div class="tool_list" @click="goDownLoad">
				<img class="list_img" src="../../assets/tool_1.png" alt="" />
				<div class="list_right">
					<div class="list_right_title">朋友圈素材</div>
					<div class="list_right_label">助力打造最具魅力的个人朋友圈</div>
				</div>
				<img class="list_img_icon" src="../../assets/bd_img/right.png" alt="" />
			</div>
			<div class="tool_list" @click="goDownLoad">
				<img class="list_img" src="../../assets/tool_2.png" alt="" />
				<div class="list_right">
					<div class="list_right_title">推广文章</div>
					<div class="list_right_label">海量文章快速引用，助力推广市场</div>
				</div>
				<img class="list_img_icon" src="../../assets/bd_img/right.png" alt="" />
			</div>
			<div class="tool_list" @click="goDownLoad">
				<img class="list_img" src="../../assets/tool_3.png" alt="" />
				<div class="list_right">
					<div class="list_right_title">分享海报</div>
					<div class="list_right_label">每一张海报的传播都是一次销售</div>
				</div>
				<img class="list_img_icon" src="../../assets/bd_img/right.png" alt="" />
			</div>
			<template v-if='false'>
				<div class="tool_list" @click="goDownLoad">
					<img class="list_img" src="../../assets/tool_4.png" alt="" />
					<div class="list_right">
						<div class="list_right_title">一键做图</div>
						<div class="list_right_label">省代以上进阶学习空间</div>
					</div>
					<img class="list_img_icon" src="../../assets/bd_img/right.png" alt="" />
				</div>
				<div class="tool_list" @click="goDownLoad">
					<img class="list_img" src="../../assets/tool_5.png" alt="" />
					<div class="list_right">
						<div class="list_right_title">活动报名</div>
						<div class="list_right_label">分销商专属学习空间</div>
					</div>
					<img class="list_img_icon" src="../../assets/bd_img/right.png" alt="" />
				</div>
				<div class="tool_list" @click="goDownLoad">
					<img class="list_img" src="../../assets/tool_6.png" alt="" />
					<div class="list_right">
						<div class="list_right_title">在线测评</div>
						<div class="list_right_label">省代以上进阶学习空间</div>
					</div>
					<img class="list_img_icon" src="../../assets/bd_img/right.png" alt="" />
				</div>
			</template>
				
		</div>
		<Footer slot='bottom' activeStr='tool'></Footer>
	</yd-layout>
</template>

<script>
	import Footer from '../../components/Footer/Footer.vue'
	export default {
		components: {
			[Footer.name]: Footer
		},
		data() {
			return {

			}
		},
		created() {},
		watch: {

		},
		computed: {

		},
		mounted() {
			document.title = '工具'
		},
		methods: {
			goDownLoad(){
				this.$dialog.confirm({
                    title: '温馨提示',
                    mes: `下载“${this.$root.config.shareTitle}”APP才可体验该功能哦~`,
                    opts: [
                    	{
                            txt: '取消',
                            color: false,
                            callback: () => {

                       		},
                    	},
                        {
                            txt: '去下载',
                            color: '#DCBBC9',
                            callback: () => {
								window.location=this.$root.config.downAppUrl
                            }
                        },
                    ]
                });
			}
		}
	}
</script>

<style lang="scss">
	@import './tool.scss';
</style>